<!DOCTYPE html>
<html lang="en">
<head>
	<title>slick - the last carousel you'll ever need</title>

	<link rel="stylesheet" type="text/css" href="css/slick.css"/>


</head>
<body>

		<h2>Lazy Loading</h2>
		<div class="lazy">
			<div><div class="image"><img data-lazy="img/lazyfonz1.png"/></div></div>
			<div><div class="image"><img data-lazy="img/lazyfonz2.png"/></div></div>
			<div><div class="image"><img data-lazy="img/lazyfonz3.png"/></div></div>
			<div><div class="image"><img data-lazy="img/lazyfonz4.png"/></div></div>
			<div><div class="image"><img data-lazy="img/lazyfonz5.png"/></div></div>
			<div><div class="image"><img data-lazy="img/lazyfonz6.png"/></div></div>
		</div>


		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/slick.js"></script>
		<script type="text/javascript" src="js/scripts.js"></script>

</body>
</html>
